<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>列表</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="stylesheet" href="/css/font.css">
<link rel="stylesheet" href="/css/index.css">
<script type="text/javascript" src="/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/index.js"></script>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/layui-post.js"></script>
</head>
<body>
    <div class="x-nav">
      	<span class="layui-breadcrumb">
        	<a href="">商品管理</a><a><cite>规格管理</cite></a>
      	</span>
      	<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
      	<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
  	</div>
  	<div class="layui-fluid">
      	<div class="layui-row layui-col-space15">
          	<div class="layui-col-md12">
              	<div class="layui-card">
               		<div class="layui-card-body ">
               			<form class="layui-form layui-col-space5">
							<div class="layui-inline layui-show-xs-block">
								<select name="goodsId" id="goodsId" lay-search><option value="">请选择所属商品</option></select>
							</div>
	                      	<div class="layui-input-inline layui-show-xs-block">
								<input type="text" id="spacesName"  placeholder="请输入规格名称" autocomplete="off" class="layui-input">
							</div>
	                      	<div class="layui-inline layui-show-xs-block">
	                          	<button class="layui-btn"  id="search" title="查询"><i class="layui-icon">&#xe615;</i></button>
	                      	</div>
                      	</form>
                  	</div>
                  	<div class="layui-card-header">
                      	<button class="layui-btn" onclick="xadmin.open('新增','/parentspacesadd')"><i class="layui-icon"></i>新增</button>
                  	</div>
                  	<div class="layui-card-body layui-table-body layui-table-main">
                      	<table class="layui-table layui-form" id="table"></table>
                  	</div>
               	</div>
            </div>
        </div>
    </div> 
</body>
<script>
var num = getQueryString("num")
layui.use(['table','form'], function(){
	$.post('/front/cateringGoods/select?token='+sessionStorage.getItem("token"), JSON.stringify({}), function (res) {
		for(var i in res.data)  $('#goodsId').append('<option value="'+res.data[i].sysId + '">' + res.data[i].goodsName + '</option>');
		layui.form.render();
	}, 'json');
	var table = layui.table;
  	table.render({
    	elem: 'table', //指定元素
   		url:'/front/parentSpaces/select',
   		contentType:'application/json',
        method:'post',
        page:true,
        count:20,
        cellMinWidth: 80, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        cols: [[
        	{title: '序号',align:"center",halign:"center",width:80,type: 'numbers'},
			{field:'goodsName',align:"center",title:'所属商品'},
			{field:'spacesName',align:"center",title:'规格名称'},
			{field:'sort',align:"center",title:'排序'},
			{field:'status',align:"center",title:'是否禁用',templet: onloadStatus},
			{field:'createTime',align:"center",title: '创建时间'},
			{align: 'center',title:'操作',templet: onloadTool,fixed: 'right',width: 100}
        ]],
  	});
	layui.form.on('switch(switchTest)', function(data){
		var id = data.elem.attributes['data_id'].nodeValue;
		var status = data.elem.attributes['status'].nodeValue;
		var em = $(data.othis[0]);
		layer.confirm('确认'+(status == 0 ? '' : '取消')+'禁用吗？',{icon: 0,title:'提示',cancel:function(){closeSwitch1(data,status,em);}},function(index){
			if(status == 0) layuiPost(geturl()+'/parentSpaces/update?token='+sessionStorage.getItem("token"),{status:1,sysId:id});
			else layuiPost(geturl()+'/parentSpaces/update?token='+sessionStorage.getItem("token"),{status:0,sysId:id});
		},function(index){
			closeSwitch1(data,status,em)
		});
	});
});
$('#search').on('click', function() {
	layui.table.reload('table', {
		page: {curr: 1},
		where : {
			spacesName:$("#spacesName").val(),
			goodsId:$("#goodsId").val(),
		},
	});
	return false;
});

function onloadTool(data) {
	let htmls = 
	  	'<a title="删除" onclick="member_del(this,\''+data.sysId+'\')" href="javascript:;"><i class="layui-icon">&#xe640;</i></a>'+
	  	'<a title="编辑"  onclick="xadmin.open(\'编辑\',\'parentspacesedit?sysId='+data.sysId+'\')" href="javascript:;"><i class="layui-icon">&#xe642;</i></a>'
   	return htmls;
}
function onloadStatus(data){
	if(data.status == 1){
		return '<input type="checkbox" checked="" name="switch" lay-skin="switch" data_id="'+data.sysId+'" status="'+data.status+'" lay-filter="switchTest" lay-text="是|否">'
	}else if(data.status == 0){
		return '<input type="checkbox" name="switch" lay-skin="switch" data_id="'+data.sysId+'" status="'+data.status+'" lay-filter="switchTest" lay-text="是|否">'
	}
}
function member_del(obj,id){
    layer.confirm('确认要删除吗？',function(index){
        layuiPost(geturl()+'/parentSpaces/delete?token='+sessionStorage.getItem("token"),{sysId:id});
    });
}
</script>
</html>